<template>
	<view class="bi-involved-card">
		<view class="bi-involved-card__base">
			<view class="bi-involved-card__base-name">{{ name }}</view>
			<view class="bi-involved-card__base-company">{{ description }}</view>
		</view>
		<view class="bi-involved-card__addon">
			<slot></slot>
		</view>
	</view>
</template>

<script>
export default {
	name: 'BiInvolvedCard',
	props: {
		name: {
			type: String
		},
		description: {
			type: String
		}
	}
}
</script>

<style lang="less">
.bi-involved-card{
	padding: 12px;
	border-radius: 8px;
	background-color: #fff;
}
.bi-involved-card__base{
	font-size: 1.7em;
}
.bi-involved-card__base-name{
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 3px;
}
.bi-involved-card__base-company{
	color: #999;
	font-size: 12px;
}
</style>